<style lang="less" scoped>
    @font-color:#686E71;//默认字体颜色
    .footer{
        // height:167px;
		width:100%;
		min-width:800px;
		background:#2A2A2A;
		z-index:11;
        overflow: hidden;
        color: @font-color;
        .footer-top{
            width: 1097px;
            margin: 0 auto;
            overflow: hidden;
            padding: 30px 0 22px 0;
           ul{
               float: left;
               margin-right: 68px;
               li{
                    line-height: 22px;
                    font-size: 12px;
                    color: #686E71;
                    cursor: pointer;
                    a{
                        color: #686E71;
                    }
                    a:hover{
                        color:#B4BDC1;
                    }
               }
               .title{
                    font-size: 14px;        
                    margin-bottom: 10px;
                    font-weight: bold;
               }
               .title:hover{
                   color:#686E71;
               }
           }
           .right{
               float: right;
               width: 390px;
               div{
                   float: left;
                   img{
                       width: 80px;
                       height: 80px;
                       margin-bottom: 8px;
                   }
               }
               .d1{
                   margin-right: 30px;
                   text-align: center;
                   font-size: 12px;
                    color: #B4BDC1;
                    line-height: 17px;
               }
               .d2{
                   margin-right: 57px;
                   text-align: center;
                   font-size: 12px;
                    color: #B4BDC1;
                    line-height: 17px;                    
               }
               .d3{
                   .p2{
                       font-size: 14px;
                        color: #686E71;
                        line-height: 22px;
                        margin-bottom: 10px;
                        font-weight: bold;
                   }
                   .p3{
                       font-size: 12px;
                       color: #686E71;
                       line-height: 22px; 
                   }
               }
           }
        }
       .p1{
            border-top:1px solid @font-color;
            line-height: 37px;
            text-align: center;
            min-width: 1097px;
            font-size: 12px; 
            a{
                color:#4DB2EB;
            }
       }
    }
</style>
<template>
    <footer class="footer">
        <div class="footer-top">
            <ul>
                <li class="title">星星网</li>
                <li><router-link to="aboutus" target="_blank">关于我们</router-link></li>
                <li><a href="https://www.lagou.com/gongsi/134473.html" target="_blank">加入我们</a></li>
                <li><router-link to="serviceAgreement" target="_blank">服务协议</router-link></li>
            </ul>
            <ul>
                <li class="title">传记帮助</li>
                <li><router-link to="helpCenter">帮助中心</router-link></li>
                <li><router-link to="checkRule">审核规则</router-link></li>
            </ul>
            <!-- 右侧信息 -->
            <div class="right clearfix">
                <!-- <div class="d1">
                    <img src="../images/footer_QR@2x.png" />
                    <p>关注星星网</p>
                </div> -->
                <div class="d2" v-show="$store.state.user.mobile">
                    <img src="../images/footer_QR@2x.png" />
                    <p>关注公众号</p>
                </div>
                <div class="d3">
                    <p class="p2">联系我们</p>
                    <p class="p3">
                        电话：021-64020620（工作日09:00-18:00）
                        <br />手机：17317753770 &nbsp&nbsp&nbsp&nbsp Q Q：3337826513
                        <br />地址：上海市闵行区景联路398号
                    </p>
                </div>
            </div>
        </div>
        <p class="p1">
            Copyright  © lifebook.xin 上海久星网络科技有限公司<a href="http://www.miitbeian.gov.cn" target="_blank">　沪CP备16049324号-1</a>
            <a style="margin-left:5px" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011202007302" target="_blank" >
            <img style="vertical-align:sub;width:15px;" src="../images/batb.png" alt=""> 沪公网安备 31011202007302号</a>
        </p>
    </footer>
</template>
<script>
    import { mapActions } from 'vuex';
    export default {
		data() {
				return {
                    
				}
            },
        computed: {...mapActions({ user: state => state.user })},
        props: {
           
        },
		methods:{
			
        },
    }
</script>